// 变量 
$baseColor:#ff841d;
header {
    // width: 100%;
    height: 50px;
    background-color: $baseColor;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    >.logo {
       width: 185px;
    }
    >.appdown {
        width: 34px;
    }
}

//搜索部分开始
.search {
    width: 100%;
    height: 50px;
    padding: 10px;
    // background-color: #ff0;
    position: relative;
    > input {
       width: 100%;
       height: 100%;
       border-radius: 30px;
       background-color: #f1f1f1;
       font-size: 16px;
       text-indent: 1em;
    }
    > button {
        width: 63px;
        height: 30px;
        border-radius: 15px;
       background-color: $baseColor;
       position: absolute;
       right: 10px;
       top: 10px;
       color: #fff;
    }
} 

// 导航部分开始

nav {
    // padding: 2px;
    // border: 1px solid #d8d8d8;
    // height: 41px;
    background-color: #f1f1f1;
    >.nav-info {
        padding: 6px;
        // position: relative;
         div {
            
            >.ttile {
                // -webkit-tap-highlight-color: transparent;
                height: 41px;
                
                padding: 10px;
                font-size: 16px;
                font-weight: 600;
                border: 1px solid #d8d8d8;
                position: relative;
                >span {
                    display: block;
                    position: absolute;
                    top: 10px;
                    right: 25px;
                    font-size: 25px;
                    color:#8f8f8f;
                }
            }
            >.ttcontent {
                display: flex;
                flex-wrap: wrap;
                background-color:#f9f9f9;
                >a {
                //   -webkit-tap-highlight-color: transparent;
                  width: 33.333333%;
                  height: 40px;
                  font-size: 14px;
                  text-align: center;
                  line-height: 40px;
                  border:1px solid  #ccc;
                }
            }
         }
         > div:first-of-type {
            border-radius: 6px;
         }
         > div:last-of-type {
            border-radius: 6px;
         }
       
        // a:hover {
        //     background-color:  #f1f1f1;
        // }
    }
}

// 登入部分开始
.foot {
    margin-top: 30px;
    background-color: #f2f2f2;
    height: 50px;
    display: flex;
    > .one{
        height: 34px;
        line-height: 34px;
        flex: 2;
        display: block;
        text-align: center;
        border: 1px solid #ccc;
    }
    > .two{
        height: 34px;
        line-height: 34px;
        flex: 2;
        display: block;
        text-align: center;
        border: 1px solid #ccc;
    }
    > .three{
        line-height: 34px;
        height: 34px;
        flex: 3;
        display: block;
        text-align: center;
        border: 1px solid #ccc;
    }
 }

//  底部开始
.mm-foot {
    height: 50px;
    background-color: #f2f2f2;
    >p {
        // margin: 0 auto;
        text-align: center;
        a{
            display: inline;
        }
        >a:first-of-type {
           color: #f00;
           
        }
    }
}

.beijing {
    width: 100%;
    height: 201px;
    background-color: #f2f2f2;
}
